// 头部
.search-box{
    width:100%;
    height:100px;
    background-color: #fadb06;
    position: relative;
        input{
            border-radius: 25px;
            padding:.7em 1em;
            width:234px;
            margin:30px 18px;
        }

        button{
            border-radius: 25px;
            padding:.5em .3em;
            background-color: yellow;

        }
        
    

    ul{
        padding:5.5em 1em;
        white-space: nowrap;
        overflow-x: scroll;
        // overflow: hidden;
        
        
       li{
           font-size: 1.2em;
           color:black;
           padding-right:13px;
           
           
       }
    }
    
}
// footer
.footer{
    .box1{
        display: flex;
        justify-content: space-around;

        .item1{
            width:17%;
            text-align: center;
            // img{
            //     width:58%;
            //     height: 65%;
            // }
            a{
                color:black;
                font-size:10px;
                font-weight: bold;
            }
        }

        .item2{
            width:17%;
            text-align: center;
            // img{
            //     width:57%;
            //     height: 65%;
            // }
            a{
                color:black;
                font-size:10px;
                font-weight: bold;
            }
        }

        .item3{
            width:13%;
            text-align: center;
        }

        .one{
            color:black;
            font-size:10px;
            font-weight: bold;
            margin:5px auto;
            margin-bottom: 0;
        }
    }

    @media screen and (max-width:500px){
        &{
            .box1{
                .item1{
                    width:14%;
                    img{
                        
                    }
                }
            }
        }
    }
}